技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
4
0
Modern Web
我的網頁前端小小小教室
系列 第
4
篇
Day4 Javascript介紹
13th鐵人賽
karta1366796
團隊
imac_跳過這篇
2021-09-18 12:07:11
848 瀏覽
分享至
在前面的文章中,我們有淺談到Javascript在網頁中所扮演的角色,而Javascript到底是甚麼呢?網頁中呈現給使用者是靜態的資料,但若我們不想要死板板的,而是能夠跟使用者進行互動,譬如說當你滑鼠觸碰到這張圖片時,進行幻燈片的效果、又或者是當註冊帳號時,後面通常都會有個檢查的綠色勾勾,以及購物網站點購物車時跳出你的商品清單,這些都是網頁跟使用者互動的行為,Javascript就是扮演著讓網頁生動起來的角色!
然而Javascript還可以串接API,API是甚麼呢?API( Application Programming Interface),中文是"應用程式介面"。好,我相信你還是不懂,API白話來說,就是溝通的介面,你想要查詢墾丁怎麼去,你要先上網在Google Maps上面搜尋墾丁,系統知道你要去的地方是墾丁後,去資料庫搜尋,把結果回傳到網頁上讓使用者閱讀。
所以我們要把這個搜尋地區的功能帶到我們的網頁裡,就可以使用到Google Maps API,像是一些美食網站、旅遊網站,就可以替使用者省下要再把地址貼到Google Maps上面的時間,而是能夠直接的在你設計的網頁裡進行瀏覽!是不是大大提升了你網頁的互動性呢!
當然API不會只有Google Maps一種而已,還有像是氣象的API、播放音樂的API、3D影像的API,這些都可以透過Javascript讓你的網頁更加多元、豐富!
留言
追蹤
檢舉
上一篇
Day3 CSS裝潢大師
下一篇
Day5 網頁製作環境建設
系列文
我的網頁前端小小小教室
共
30
篇
目錄
RSS系列文
訂閱系列文
9
人訂閱
26
Day26 Bootstrap建立網頁
27
Day27 Javascript元件庫 Jquery介紹
28
Day28 JQuery應用
29
Day29 JQuery蓋板廣告應用
30
Day30 JQuery 控制CSS
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19761
篇
完賽人數
529
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
桌機三更半夜自動開機不知在幹啥?是在下載還是在上傳資料?嚇死寶寶.去查設定我沒有設定在三更半夜更新或是掃毒呀!去查紀錄亦沒有當日凌晨的瀏覽紀錄,這到底是怎麼一回事,要如何查詢?是被安裝了病毒軟體?
碩士學歷能幫助我突破職涯天花板嗎?
群輝NAS套件Docker部署Outline
維護合約的合理性
如何讓Windows 11 Professional 開啟Synology DS925+網路芳鄰的速度加快?
librenms 25.4.0 重開機都要重新設定
Librenms ssl憑證檢查 通知方式
熱門回答
碩士學歷能幫助我突破職涯天花板嗎?
維護合約的合理性
群輝NAS套件Docker部署Outline
桌機三更半夜自動開機不知在幹啥?是在下載還是在上傳資料?嚇死寶寶.去查設定我沒有設定在三更半夜更新或是掃毒呀!去查紀錄亦沒有當日凌晨的瀏覽紀錄,這到底是怎麼一回事,要如何查詢?是被安裝了病毒軟體?
librenms 25.4.0 重開機都要重新設定
熱門文章
資安入門與實務應用介紹 28:APT(高階持續性威脅)攻擊解析與防範方法
D30|AI 時代的資訊判讀力:防詐、反假、識謊的新資安素養
資安入門與實務應用介紹 29:智能合約漏洞與加密貨幣詐騙案例分析
Day 7:防火牆配置與流量過濾(Firewall Configuration and Traffic Filtering)
Day 25:社交工程防範訓練方法(Social Engineering Defense Training)
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}